<template>
  <view class="myAss">
      <u-tabs :list="list1"  lineColor="#F25C4D" class="tabs" :activeStyle="{color: '#2A2929',fontWeight: 'bold'}" :inactiveStyle="{color:'#818181',fontWeight: 'bold'}" @click="click"></u-tabs>
      <view class="goods-body">
           <goods-list :status="status"></goods-list>
      </view>
  </view> 
</template>

<script>
  export default {
    name: 'Assignment',
    components: {
      },
      computed:{
        status(){
          switch(this.item){
            case 0 :
                return '1'
            case 1:
               return '2'
            case 2:
              return '6'
              default:
              return '1'
          }
        }
      },
    data() {
      return {
          pageConig:{
            page:'1',
            pageSize:'10'
          },
          item:0,
          list1: [{
                  name: '待提货',
              }, {
                  name: '在途',
              }, {
                  name: '已完成'
              }, ]
      };
    },
    created(){},
    mounted(){},
    onLoad(){},
    methods: {
       click(item) {
        this.item = item.index
      
        }
    }
  }
</script>

<style lang="scss" scoped>
  page{
    background-color: #F4F4F4;
  }
  .myAss{
    .tabs{
      background-color: #fff;
      padding: 0 40rpx;
    }
  }
 .goods-body{
   padding: 30rpx;
 }

</style>
